<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>消息</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, minimal-ui, shrink-to-fit=no">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/chat.css">
<script type="text/javascript" src="js/zepto_1.1.3.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body style="background: #fff;">
<div class="wrap wrap_footer">
	<header class="g_header">
		<h1 class="tit">消息</h1>
		<div class="side_opt">
			<span class="icon icon_goBack">返回</span>
		</div>
		<div class="side_opt_sub">
			<span class="add_friend"><i class="icon icon_add"></i></span>
		</div>
	</header>
	<section class="g_main">
		<!-- 好友列表 -->
		<section class="message_list">
			<ul>
				<li data-url="duihua.html" class="openwebview">
					<img src="img/zzz_header.jpg" alt="">
					<strong>啊明显</strong>
					<span>什么时候可以出发，提前联系我</span>
					<em>10:36</em>
				</li>
				<li data-url="duihua.html" class="openwebview">
					<img src="img/zzz_header.jpg" alt="">
					<strong>上海某某物流货运有限公司</strong>
					<span>好的，晚些见</span>
					<em>11:26</em>
				</li>
				<li data-url="duihua.html" class="openwebview">
					<img src="img/zzz_header.jpg" alt="">
					<strong>曹新文</strong>
					<span>大约后天到上海</span>
					<em>07:36</em>
				</li>
				<li data-url="duihua.html" class="openwebview">
					<img src="img/broadcast.png" alt="">
					<strong>系统消息</strong>
					<span>五一大促即将开始，还等什么！</span>
					<em>昨天</em>
				</li>
			</ul>
		</section>
	</section>
	<footer class="g_footer">
		<section class="foot_menu">
			<ul>
				<li class="m_message current"><a data-url="xiaoxi.html" class="openwebview"><i class="icon"></i>消息</a></li>
				<li class="m_friend"><a data-url="haoyou.html" class="openwebview"><i class="icon"></i>好友</a></li>
			</ul>
		</section>
	</footer>
</div>
</body>
</html>
